@import "~@/style/color"
@import "~@/style/base.css"

.moviesList
  width: 950px;
  margin: 10px auto 0;
  min-height: 500px;
  .movie-container
    width: 560px;
    border-top: 1px dashed #ccc;
    margin-top: -10px;
    .movieTag
      padding-top: 20px;
      width: 118px;
      height: 270px;
      overflow: hidden;
      font-size: 12px;
      text-align: center;
      display: inline-block;
      margin: 0 20px 20px 0;
      ul
        margin: 0 auto;
        padding: 0;
        li
          list-style: none;
      a
        cursor: pointer;
        text-decoration: none;
      .film-pic
        height: 180px;
        margin-bottom: 12px;
        overflow: hidden;
        a
          img
            width: 128px;
            vertical-align: middle;
      .film-name
        font-size: 14px;
        white-space: nowrap;
        height: 22px;
        overflow: hidden;
        a
          display: inline-block;
          word-spacing: normal;
          height: 24px;
          line-height: 24px;
          text-decoration: none;
          color: black;

      .film-rate
        display: inline-block;
        margin: 4px auto 2px;
        height: 19px;
        .el-rate
          display: inline-block;
          .el-rate__icon
            font-size: 12px;
        .rateNum
          display: inline-block;
          font-size: 12px;

      .film-button
        span
          display: block;
          margin:0 auto;
          text-align: center;
          width: 90px;
          height: 24px;
          line-height: 24px;
          background-color:#268dcd;
          border-radius: 2px;
          a
            color: #fff;
    .load-more
      cursor: pointer;
      width: 530px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background: #eee;
      color: $doubanColor;
